/**
 * Created by moko1988 on 15/12/1.
 */
define([
    'backbone',
    'models/game/list',
    'text!templets/game/list.html',
    'text!templets/game/list-modal-add.html',
    'text!templets/game/list-modal-add-insert.html',
    // 'text!templets/game/list-review.html',
    'utils/dataTableUtil',
    'utils/urlUtil',
    'jquerypage',
    'uploadify',
    'select2',
    'moment'
], function(
    BackBone,
    Model,
    Tpl,
    ModalAdd,
    ModalAddIn,
    // ModalReview,
    DataTable,
    UrlUtil
) {
    var view = Backbone.View.extend({
        el: '#CONTENT',
        events: {
            'click [role=add]': 'addFun', //添加资源
            'click [role=edit]': 'editFun', //修改资源
            'click [role=del]': 'delFun', //删除资源
            'click [role=close]': 'closeFun', //关闭
            'click [role=saveAdd]': 'saveAdd',    //保存添加
            'change #pageSize': 'changePageSize', //选择分页宽度
            'click [role=rank]': 'rank', //排序
            'click [role=review]': 'review', //审核
             'click [role=saveChange]': 'saveChange',//保存修改 
            'click [role=recommend]': 'recommend', //推荐
            'click #checkAll': 'checkAll', //全选、取消
            'click input[name=idarr]': 'checkItem', //选择、取消单条记录
            'change #ad_category': 'changeListCategory_ad',
            'click [role=search]': 'searchCharge'//查询
        },
        /*初始化*/
        initialize: function() {
            $(this.el).html(Tpl);
            $(this.el).off();
            this.page = '1';
            this.listRows = '10';
            this.idArr = [];
            this.categoryid = '';
            $('#pageSize').select2();
            this.renderCategory_ad();
        } ,
        renderCategory_ad: function(){
            var _this = this;
            Model.fetchCategory_ad({
                type: 'get',
                success: function(map) {
                    var opts = '<option value="">选择公司</option>',
                        category = {};
                    _.each(map, function(o){
                        category[o.id] = o;
                        opts += '<option value="'+o.id+'">'+ o.corporate_name+'</option>';
                    });
                    _this.categoryOpts = opts;
                    _this.categoryObj = category;
                    $('#ad_category').html(opts).prop('disabled',false).select2();
                    $('[role=add]').prop('disabled',false);
                    _this.render();
                }
            })
        },

        changeListCategory_ad: function(e){
            var $target = $(e.currentTarget);
            this.params["channel"] = $target.val();      
        },

        params:{
            channel:""
        },

        searchCharge: function(e){
            var _this = this;
            Model.search({
                type: 'post',
                data: {
                    user_id:  _this.params["channel"],
                    page: this.page,
                    page_size: this.listRows
                },
                success: function(map) {
                    var data = map.list,
                        page = map.page,

                        count = data.length;
                    _this.pageTotal = page.total_page;
                    _.each(data,function(o, i){

                        o.checkbox = '<input type="checkbox" value="'+ o.id +'" name="idarr">';

                        if(o.game_status == 0){
                            o.game_status = '<font color="red">封停</font>';
                        }else if(o.game_status == 1){
                            o.game_status = '<font color="green">正常</font>';
                        }
                        if(o.is_recommend == 0){
                            o.is_recommend = '<font color="red">否</font>';
                        }else if(o.is_recommend == 1){
                            o.is_recommend = '<font color="green">是</font>';
                        }

                         o.gamepicture = '<img src="http://shihai.oss-cn-beijing.aliyuncs.com/'+o.gamepicture+'" style="width:30px; height: 30px">';
                        o.details = '<img src="http://shihai.oss-cn-beijing.aliyuncs.com/'+o.details+'" style="width:30px; height: 30px">';
                    })
                    var tableHead = ['<input type="checkbox" id="checkAll">', '序号', '名称', '所属公司', '分层比例',  '游戏状态' ,'人气', '游戏图片', '游戏详情图片', '是否推荐'],
                        tableBody = _.zip(
                            _.pluck(data,'checkbox'),
                            _.pluck(data,'id'),
                            _.pluck(data,'game_name'),
                            _.pluck(data,'corporate_name'),
                            _.pluck(data,'layered'),
                            _.pluck(data,'game_status'),
                            _.pluck(data,'popularity'),
                            _.pluck(data,'gamepicture'),
                            _.pluck(data,'details'),
                            _.pluck(data,'is_recommend')
                        );

                    DataTable.drawTable({
                        '$el': $('#chart_table_div'),
                        'thead': tableHead,
                        'tbody': tableBody
                    });

                    $("#pager").pager({
                        pagenumber: _this.page,
                        pagecount: _this.pageTotal,
                        buttonClickCallback: function(page){
                            _this.pageClick(page);
                        }
                    });
                }
            })
        },
        /*排序*/
        rank: function(e) {
            var $target = $(e.currentTarget),
                type = $target.attr('data-type'),
                id = $target.attr('data-id'),
                _this = this;
            Model.rank({
                data: {
                    id: id,
                    type: type
                },
                success: function() {
                    jAlert('操作成功！', function() {
                        _this.render();
                    });
                }
            })
        },
        /*全选、取消*/
        checkAll: function(e) {
            var $target = $(e.currentTarget),
                isCheck = $target.prop('checked'),
                _this = this;
            if (isCheck) {
                $('input[name=idarr]').prop('checked', true);
                $('input[name=idarr]').each(function() {
                    _this.idArr.push($(this).val());
                })
            } else {
                $('input[name=idarr]').prop('checked', false);
                this.idArr = [];
            }
        },
        /*选择、取消单条记录*/
        checkItem: function() {
            this.idArr = [];
            var isCheckAll = true,
                _this = this;
            $('input[name=idarr]').each(function() {
                if ($(this).prop('checked')) {
                    _this.idArr.push($(this).val());
                } else {
                    isCheckAll = false;
                }
            })
            if (isCheckAll) {
                $('#checkAll').prop('checked', true);
            } else {
                $('#checkAll').prop('checked', false);
            }
        },
        /*选择分页宽度*/
        changePageSize: function(e) {
            var $target = $(e.currentTarget),
                val = $target.val();
            this.listRows = val;
            this.render();
        },
        /*渲染结果列表*/
        render: function() {
            $('#chart_table_div').html(loading);
            var _this = this;
            Model.fetchList({
                type: 'post',
                data: {
                    // ad_id:1,
                    page: this.page,
                    page_size: this.listRows,
                },
                success: function(map) {
                    var data = map.list,
                        page = map.page,

                        count = data.length;
                    _this.pageTotal = page.total_page;
                    _.each(data,function(o, i){

                         o.checkbox = '<input type="checkbox" value="'+ o.id +'" name="idarr">';

                        if(o.game_status == 0){
                            o.game_status = '<font color="red">封停</font>';
                        }else if(o.game_status == 1){
                            o.game_status = '<font color="green">正常</font>';
                        }

                        if(o.is_recommend == 0){
                            o.is_recommend = '<font color="red">否</font>';
                        }else if(o.is_recommend == 1){
                            o.is_recommend = '<font color="green">是</font>';
                        }

                        o.gamepicture = '<img src="http://shihai.oss-cn-beijing.aliyuncs.com/'+o.gamepicture+'" style="width:30px; height: 30px">';
                        o.details = '<img src="http://shihai.oss-cn-beijing.aliyuncs.com/'+o.details+'" style="width:30px; height: 30px">';
                    })
                    var tableHead = ['<input type="checkbox" id="checkAll">', '序号', '名称', '所属公司', '分层比例',  '游戏状态' ,'人气', '游戏图片', '游戏详情图片', '是否推荐'],
                        tableBody = _.zip(
                            _.pluck(data,'checkbox'),
                            _.pluck(data,'id'),
                            _.pluck(data,'game_name'),
                            _.pluck(data,'corporate_name'),
                            _.pluck(data,'layered'),
                            _.pluck(data,'game_status'),
                            _.pluck(data,'popularity'),
                            _.pluck(data,'gamepicture'),
                            _.pluck(data,'details'),
                            _.pluck(data,'is_recommend')
                        );
                    DataTable.drawTable({
                        '$el': $('#chart_table_div'),
                        'thead': tableHead,
                        'tbody': tableBody
                    });
                    $("#pager").pager({
                        pagenumber: _this.page,
                        pagecount: _this.pageTotal,
                        buttonClickCallback: function(page){
                            _this.pageClick(page);
                        }
                    });
                }
            })
        },
        /*分页*/
        pageClick: function(page) {
            var _this = this;
            this.page = page;
            $("#pager").pager({
                pagenumber: this.page,
                pagecount: this.pageTotal,
                buttonClickCallback: function(page){
                    _this.pageClick(page);
                }
            });
            this.searchCharge();
        },
       //添加
        addFun: function() {
            // window.location.hash = 'view/article-add'
            $(this.el).append(ModalAddIn);
            var $myModal = $('#myModal');
            $myModal.find('h4').html('添加游戏');
             this.uploadifyIni(); //初始化上传按钮
            $myModal.off();
            $myModal.modal();
            $myModal.on('hidden.bs.modal', function(e) {
                $myModal.remove();
            });

                _this = this; 

            Model.fetchCategory_select({
                    type: 'get',
                    success: function(map) {
                        var opts = '<option value="">选择公司</option>',
                            category = {};
                        _.each(map, function(o){
                            category[o.id] = o;
                            opts += '<option value="'+o.id+'">'+ o.corporate_name+'</option>';
                        });
                        _this.categoryOpts = opts;
                        _this.categoryObj = category;
                        $('#AllAdvertisers').html(opts).prop('disabled',false).select2();
                        // $('#game_category').html(opts).prop('disabled',false).select2();
                        $('[role=add]').prop('disabled',false);
                        // _this.render();
                    }
                })


        },
        //添加提交
         saveAdd: function() {
            var _this = this,
                $myModal = $('#myModal'),
                $form = $myModal.find('form[role=form]'),
                subBtn = $myModal.find('button[role=saveAdd]');

                isOK = this.checkForm();

                 if(isOK){
                    subBtn.prop('disabled', true);
                    Model.insert({
                        type: 'post',
                        data: $form.serialize(),
                        success: function() {
                            subBtn.prop('disabled', false);
                            jAlert('提交成功', function() {
                                $myModal.modal('hide');
                                _this.renderCategory_ad();
                            })
                        },
                        error:function(msg){
                            jAlert(msg,function(){
                                subBtn.prop('disabled', false);
                            })
                        }
                    })
              }

                
              //   radioValueStatus,
              //   radioValueIf,
              //   selOpt,
              //   gameName,
              //   layerName,
              //   remarkName,

              //   //获取游戏状态单选框的属性
              //   radioGame = $myModal.find('input[name=0]');

              //   if(radioGame[1].checked){
              //       radioValueStatus = radioGame[1].value;
              //   }else{
              //       radioValueStatus = radioGame[0].value;
              //   }

              //    //获取是否推荐单选框的属性
              //   radioIf = $myModal.find('input[name=1]');

              //   if(radioIf[1].checked){
              //       radioValueIf = radioIf[1].value;
              //   }else{
              //       radioValueIf = radioIf[0].value;
              //   }


              //    //获取下拉框的值
              //      // console.log( $('#AllBusiness option:selected').val());
              //      selOpt = $('#AllAdvertisers option:selected').val();

              //   //获取游戏名称的值
              //   gameName = $('#gameName').val();
              //   //获取分层比例的值
              //   layerName = $('#layerName').val();
              //   //获取游戏链接的值
               
              //   remarkName = $('#remarkName').val();
              //    //获取游戏简介的值
              //   remarkName = $('#game_introduction').val();
              //    //获取游戏详情的值
              //   remarkName = $('#game_details').val();
              //    gameLink = $('#gameLink').val();
              //     //获取备注的值
       
               

              //    if(isOK = this.checkForm()){
              //       Model.insert({
              //        type: 'post',
              //         data: {
              //          gameName:gameName,
              //          selOpt: selOpt,
              //          layerName:layerName,
              //          gameLink:gameLink,
              //          radioValueStatus: radioValueStatus,
              //          radioValueIf: radioValueIf,
              //          remarkName: remarkName,
              //        },    
              //        success: function() {
              //            subBtn.html('提 交').prop('disabled', false);
              //               jAlert('提交成功', function() {
              //                    $myModal.modal('hide');
              //                   _this.render();
              //                })
              //           }                
              //     })
              // }
               
        
        },

        //修改对话框
         reviewFun: function() {
            // window.location.hash = 'view/article-add'
            $(this.el).append(ModalAdd);
            var $myModal = $('#myModal');
            $myModal.find('h4').html('修改游戏');
             this.uploadifyIni(); //初始化上传按钮
            $myModal.off();
            $myModal.modal();
            $myModal.on('hidden.bs.modal', function(e) {
                $myModal.remove();
            });
        },

        closeFun:function() {
            var $myModal = $('#myModal');
             $myModal.remove();
         },


        /*修改*/
        editFun: function(e){
             $(this.el).append(ModalAdd);
            var $target = $(e.currentTarget),
                $myModal = $('#myModal'),
                id = this.idArr[0],
                _this = this;           
             if (this.idArr.length) {   
                $myModal.off();
                $myModal.modal();
                $myModal.find('h4').html('修改广告主信息');
                $myModal.find('[role=save]').prop('disabled', true);
                $('#add-category').prop('disabled',false).html(this.categoryOpts);
                /*弹窗关闭*/
                $myModal.on('hidden.bs.modal', function(e) {
                    $myModal.remove();
                });
                $('#loading').html(loading);
                $('#data-form').hide();

                //弹出对话框
                this.reviewFun();

                Model.fetchInfo({
                    type:'post',
                    data: {
                        id: id
                    },
                    success: function(map) {
                        $myModal.find('input[name=id]').val(id);
                        $myModal.find('input[name=gameName]').val(map.game_name);

                         $myModal.find('select[name=selOpt]').val(map.selOpt).select2();
                    // $myModal.find('select[name=cid]').val(map.cid).trigger('change').select2();
                        $myModal.find('input[name=layerName]').val(map.layered);
                        $myModal.find('input[name=gameLink]').val(map.game_link);
                        $myModal.find('input[name=popularity]').val(map.popularity);

                        map.gamepicture == '' || _this.imgEcho($myModal.find('input[name=gamepicture]'), map.gamepicture);
                        map.details == '' || _this.imgEcho($myModal.find('input[name=details]'), map.details);


                        $myModal.find("input[name=radioValueStatus][value='"+map.game_status+"']").attr('checked','checked');
                        $myModal.find("input[name=radioValueIf][value='"+map.is_recommend+"']").attr('checked','checked');

                        $myModal.find('textarea[name=gameintroduction]').val(map.gameintroduction);
                        $myModal.find('textarea[name=gametext]').val(map.gametext);
                        $myModal.find('textarea[name=remarkName]').val(map.remarks);
    
                        $('#loading').html('');
                        $('#data-form').show();
                        $myModal.find('[role=save]').prop('disabled', false);
                    }
                 });

                Model.fetchCategory_select({
                    type: 'get',
                    success: function(map) {
                        var opts = '<option value="">公司名称</option>',
                            category = {};
                        _.each(map, function(o){
                            category[o.id] = o;
                            opts += '<option value="'+o.id+'">'+ o.corporate_name+'</option>';
                        });
                        _this.categoryOpts = opts;
                        _this.categoryObj = category;
                        $('#AllAdvertisers').html(opts).prop('disabled',false).select2();
                        // $('#game_category').html(opts).prop('disabled',false).select2();
                        $('[role=add]').prop('disabled',false);
                        // _this.render();
                    }
                })

            } else {
                jAlert('请选择要操作的数据');
            }
        },
        //提交修改
         saveChange : function() {
            var _this = this,
                id = this.idArr[0],
                $myModal = $('#myModal'),
                $form = $myModal.find('form[role=form]'),
                subBtn = $myModal.find('button[role=saveChange]');

                isOK = this.checkForm();

                if(isOK){
                   subBtn.prop('disabled', true);
                   Model.update({
                       type: 'post',
                       data: $form.serialize(),
                       success: function() {
                           subBtn.prop('disabled', false);
                           jAlert('提交成功', function() {
                               $myModal.modal('hide');
                               _this.renderCategory_ad();
                           })
                       },
                       error:function(msg){
                           jAlert(msg,function(){
                               subBtn.prop('disabled', false);
                           })
                       }
                   })

               }
                
                // radioValueStatus,
                // radioValueIf,
                // selOpt,
                // gameName,
                // layerName,
                // gameLink,
                // remarkName,

                // radioGame = $myModal.find('input[name=0]');

                // if(radioGame[1].checked){
                //     radioValueStatus = 0;
                // }else{
                //     radioValueStatus = 1;
                // };

                //  //获取是否推荐单选框的属性
                // radioIf = $myModal.find('input[name=1]');
                // if(radioIf[1].checked){
                //     radioValueIf = 0;
                // }else{
                //     radioValueIf = 1;
                // };

                //  //获取下拉框的值
                //    // console.log( $('#AllBusiness option:selected').val());
                // selOpt = $('#AllAdvertisers option:selected').val();

                // //获取游戏名称的值
                // gameName = $('#gameName').val();
                // //获取分层比例的值
                // layerName = $('#layerName').val();
                // //获取游戏链接的值
                // gameLink = $('#gameLink').val();
                // //获取备注的值
                // remarkName = $('#remarkName').val();

                // isOK = this.checkForm();

                // subBtn.html('正在提交..').prop('disabled', true);
                //  $myModal.remove();
                // Model.update({
                //     type: 'post',
                //     data: {
                //         id: id,
                //        gameName:gameName,
                //        selOpt: selOpt,
                //        layerName:layerName,
                //        gameLink: gameLink,
                //        radioValueStatus: radioValueStatus,
                //        radioValueIf: radioValueIf,
                //        gameLink: gameLink,
                //        remarkName: remarkName

                //     },
                //     success: function(map) {
                //         jAlert('操作成功！', function() {
                //             _this.idArr = [];
                //             _this.render();
                //         });
                //     }
                // })
        },


        /*推荐/取消推荐*/
        recommend: function(e){
            var $target = $(e.currentTarget),
                type = $target.attr('data-type'),
                _this = this;
            if (this.idArr.length) {
                var id = this.idArr.join(',');
                Model.recommend({
                    data: {
                        id: id,
                        type: type
                    },
                    success: function(map) {
                        jAlert('操作成功！', function() {
                            _this.idArr = [];
                            _this.render();
                        });
                    }
                })
            } else {
                jAlert('请选择要操作的数据');
            }
        },
        /*删除*/
        delFun: function(e) {
            var $target = $(e.currentTarget),
                id = $target.parents('tr').attr('data-id'),
                _this = this;
            if (this.idArr.length) {
                var id = this.idArr.join(',');
                jConfirm('确定要删除？', function(s) {
                    if (s) {
                        Model.delete({
                            data: {
                                id: id
                            },
                            success: function(map) {
                                jAlert('删除成功', function() {
                                    _this.idArr = [];
                                    _this.render();
                                })
                            }
                        })
                    }
                })
            } else {
                jAlert('请选择要操作的数据');
            }

        },



         checkForm: function() {
            var $form = $('[role=form]'),
                $gameName = $form.find('input[name=gameName]'),
                $layerName = $form.find('input[name=layerName]'),
                $gameLink = $form.find('input[name=gameLink]'),
                $popularity = $form.find('input[name=popularity]'),
                $content = $form.find('input[name=content]'),

                //下拉框
                $select = $('#AllAdvertisers');
                $selOpt = $('#AllAdvertisers option:selected');

                getTip = function(e) {
                    var text = e.siblings('label.control-label').html();
                    // text = text.substr(0, text.length - 1);
                    return text;
                },
                errShow = function(e, msg) {
                    var $err = e.siblings('em');
                    $err.html(msg).css("opacity", '1');
                    $err.stop(0, 0).animate({
                        "opacity": 0
                    }, 3500);
                    rest = false;
                },
                rest = true;
                
                //游戏名称
                if ($.trim($gameName.val()) == '') {
                    errShow($gameName, '请填写' + getTip($gameName));
                } else if ($gameName.val().length < 2 || $gameName.val().length > 20) {
                    errShow($gameName, '请填写2-20个字符');
                }
    
                //游戏链接
                if ($.trim($gameLink.val()) == '') {
                    errShow($gameLink, '请填写' + getTip($gameLink));
                } 


                //下拉框
                if ($.trim($selOpt.val()) == '') {
                     errShow($select, '请选择广告主');
                } 


                //分层比例
                var reg = /^([0-9]\d?|100)$/;
                var result = reg.test($layerName.val());
                if(!result){
                     errShow($layerName, '请填写0-100中间的数字');
                }

                //人气【只能填写数字】
                var reg = /^\d+(\.\d+)?$/;
                var result = reg.test($popularity.val());
                if(!result){
                     errShow($popularity, '请填写数字');
                }



            return rest;
        },

        /*编辑图片回显*/
        imgEcho: function($target, val) {
         
            var $wrap = $target.parent('[role=upimg]'),
                $info = $wrap.find('.file-info'),
                $val = $wrap.find('.file-val');

            $target.val(val);
            $info.addClass('hide');
            $val.removeClass('hide').find('img').attr('src', 'http://shihai.oss-cn-beijing.aliyuncs.com/' + val);
            $wrap.find('.uploadify').css('z-index', -1);
        },
         /*初始化uploadify上传按钮*/
        uploadifyIni: function() {
            var _this = this;
            $('input[role=file-upload]').each(function() {
                var $this = $(this),
                    $wrap = $this.parents('[role=upimg]'),
                    $fileCanvas = $wrap.find('.file-canvas'),
                    $info = $fileCanvas.find('.file-info'),
                    $loading = $fileCanvas.find('.file-loading'),
                    $val = $fileCanvas.find('.file-val'),
                    $input = $wrap.find('input.file-input'),
                    index = $('[role=upimg]').index($wrap);
                $loading.html(loading2);
                $(this).attr('id', 'file-upload-' + index);
                $this.uploadify({
                    height: 23,
                    width: 43,
                    removeTimeout: 1,
                    buttonText: '上传',
                    fileTypeExts: '*',
                    fileSizeLimit: '4MB', //上传文件大小限制
                    multi: false, //是否可以上传多个文件
                     swf: '/Public/admin/images/uploadify.swf', //上传flash地址（注意路径）
                    uploader: adminPath + '/index/uploadfile', //上传数据处理文件Ajax（注意路径）
                    /*开始上传之前触发*/
                    onUploadStart: function() {
                        $info.addClass('hide');
                        $loading.removeClass('hide');
                        $wrap.find('.uploadify').css('z-index', -1);
                    },
                    /*上传完成之后触发*/
                    onUploadSuccess: function(file, data, response) {
                        if (response) {
                            data = $.parseJSON(data);
                            if (data.code == 1) {
                                $input.val(data.filename);
                                $val.removeClass('hide');
                                $val.find('img').attr('src', 'http://shihai.oss-cn-beijing.aliyuncs.com/' + data.filename);
                                $loading.addClass('hide');
                            } else {
                                jAlert(data.msg, function() {
                                    $info.removeClass('hide');
                                    $loading.addClass('hide');
                                    $wrap.find('.uploadify').css('z-index', 1);
                                });
                            }
                        }
                    }
                })
                /*鼠标经过上传完的图片隐藏展示删除按钮*/
                $val.hover(function() {
                    $(this).find('i').show();
                }, function() {
                    $(this).find('i').hide();
                });
                /*鼠标经过上传面板隐藏展示上传按钮*/
                $fileCanvas.hover(function() {
                    $(this).find('.uploadify-button ').show();
                }, function() {
                    $(this).find('.uploadify-button ').hide();
                });
                /*点击删除图片按钮*/
                $val.find('i').click(function() {
                    _this.resetfileCanvas($wrap);
                });
            })
        },
        /*还原上传面板*/
        resetfileCanvas: function($wrap) {
            $wrap.find('input.file-input').val('');
            $wrap.find('.file-val').addClass('hide');
            $wrap.find('.file-info').removeClass('hide');
            $wrap.find('.uploadify').css('z-index', 1);
        },
        /*初始化uploadify上传按钮(多图上传)*/
        uploadifyMultiIni: function() {
            var _this = this;
            $('#file-upload-multi').uploadify({
                height: 23,
                width: 143,
                buttonText: '上传(支持选择多图)',
                fileTypeExts: '*',
                fileSizeLimit: '4MB', //上传文件大小限制
                multi: true, //是否可以上传多个文件
                swf: ROOT_PATH + '/Public/admin/images/uploadify.swf', //上传flash地址（注意路径）
                uploader: ADMIN_PATH + '/index/uploadfile', //上传数据处理文件Ajax（注意路径）
                /*开始上传之前触发*/
                onUploadStart: function() {
                    if(_this.MultNO >= _this.maxMult){
                        $('#file-upload-multi').uploadify('cancel', '*');//清除剩余的上传队列
                        jAlert('最多只能上传' + _this.maxMult + '张!');
                    }
                },
                /*上传完成之后触发*/
                onUploadSuccess: function(file, data, response) {
                    if (response) {
                        data = $.parseJSON(data);
                        if (data.code == 1) {
                            _this.MultNO++;
                            var imgList = '<div class="img-list">';
                            imgList += '<input role="img-list" type="hidden" value="'+ data.filename +'">';
                            imgList += '<img src="' + PIC_PATH + data.filename + '">';
                            imgList += '<i title="删除"></i>';
                            imgList += '</div>';
                            $('#multi-warp').append(imgList);

                        }
                    }
                }
            })
            /*鼠标经过上传完的图片隐藏展示删除按钮*/
            $('#multi-warp').on('mousemove', '.img-list', function(){
                $(this).find('i').show();
            });
            $('#multi-warp').on('mouseout', '.img-list', function(){
                $(this).find('i').hide();
            });
            /*点击删除图片按钮*/
            $('#multi-warp').on('click','.img-list i', function(){
                var $wrap = $(this).parent();
                $wrap.remove();
                _this.MultNO--;
            })
        }


    })
    return view;
})

